﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Marker and event</title>
    
    <link href="Content/BlogCompany.css" rel="stylesheet" />
    <script src="Scripts/bootstrap.js"></script>
    <style>
            #map {
            margin: 0;
            padding: 0;
            height: 200px;
            width: 300px;
        }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</head>
<body>
    <div class="navbar navbar-default col-md-8 col-md-offset-2 navbar-fixed-top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand active" href="#">Лаянс - Венцислав Динев</a>
        </div>
        <div class="navbar-collapse collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav">
                <li class=""><a href="#">Продукти и събития</a></li>
                <li><a href="#">За разбработчици</a></li>
                <li>
                    <a href="#">Правна информация</a>
                </li>
            <!--</ul>
            <ul class="nav navbar-nav navbar-right">-->
                <li>
                    <a href="#">
                        Лаанс
                    </a>
                </li>
                <li>
                    <a href="#">
                        Венци Динев блог
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="jumbotron  col-md-8 col-md-offset-2">
        <h1 class="col-md-offset-1">Лаянс - Венцислав Динев</h1>
        <div class="col-md-5 col-md-offset-1">
            <p>В този раздел ще разгледаме  цялата история на фирмата както и историята на създателя на компанията! </p>
        </div>
        <div id="map"></div>
        <p class="col-md-6 col-md-offset-4"><a class="btn btn-primary btn-lg">Прочети историята.</a></p>
    </div>
    <div class="col-md-8 col-md-offset-2">
        <div class="panel panel-primary col-md-4">
            <div class="panel-heading">
                <h3 class="panel-title">Продукти и събития</h3>
            </div>
            <div class="panel-body">
               <p> В раздела ще намерите подробна информация за продуктите и събитията който организира компанията! </p>
                <a href="#" class="btn btn-primary col-md-offset-3">
                    Прочети още
                </a>
            </div>
        </div>
        <div class="panel panel-primary col-md-4">
            <div class="panel-heading">
                <h3 class="panel-title">За разработчици</h3>
            </div>
            <div class="panel-body">
                <p>В раздела ще намерите подробна информация за услугите на програмистите който се дават от наша страна!</p>
                <a href="#" class="btn btn-primary col-md-offset-3">
                    Прочети още
                </a>
            </div>
        </div>
        <div class="panel panel-primary col-md-4">
            <div class="panel-heading">
                <h3 class="panel-title">Правна информация</h3>
            </div>
            <div class="panel-body">
               <p>В раздела ще намерите подробна информация за всички договори и правила който трябва да се спазват за продуктите ни!</p>
                <a href="#" class="btn btn-primary col-md-offset-3">
                    Прочети още
                </a>
            </div>
        </div>
    </div>
    <script src="scripts/MapJs.js"></script>
</body>
</html>
